<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/common.css"/>
<link rel="stylesheet" type="text/css" href="../font/iconfont.css"/>
<style type="text/css">
	.citytitle{
		width: auto;
		height: 3rem;
		background:#eee;
		position: relative;
		line-height:3rem;
		text-indent:0.5rem;
		font-size: 14px;
	}
	.citycheckbox{
		padding:0 0 1rem 0;
		background: #fff;
		font-size: 1.4rem;
	}
	.citycheckli{
		display: block;
		position: relative;
		line-height: 5rem;
		padding: 0 0 0 1rem;
	}
	.citycheckli:active{
		background: #F5F5F5;
	}
	.citycheckli-inner{
		width: auto;
		height: 5rem;
		position: relative;
	}
	.seachinput{
		width: auto;
		height:3.5rem;
		position: relative;
		background: #fff;
		display: flex;
		display:-webkit-flex;
	}
	#searchinput{
		display: block;
		width: 100%;
		height:3.5rem;
		border: 0;
		padding: 0 0 0 0.5rem;
		background: url(../img/search.png) left center no-repeat #fff;
		background-size: 20px 20px;
		text-indent:1.2rem;
	}
	#searchicon{
		padding-left:0.5rem;
	}
</style>
</head>
<body>
<div class="jcontent">
	<div class="seachinput line-b">
		<i id="searchicon" class="iconfont icon-iconfontsousuo1"></i>
		<input type="text" id="searchinput" placeholder="请输入查询关键字，如4s店名称"/>
	</div>
	
	<a id="blockbtn" class="blockbtn">搜索</a>
	<!--<div class="citytitle line-b">热门搜索</div>
	<ul class="citycheckbox">
		<li class="citycheckli"><div class="citycheckli-inner line-b">杭州东星行</div></li>
		<li class="citycheckli"><div class="citycheckli-inner line-b">百得利之星奔驰</div></li>
		<li class="citycheckli"><div class="citycheckli-inner line-b">杭州东风南方通惠日产</div></li>
		<li class="citycheckli"><div class="citycheckli-inner line-b">杭州骏宝行宝马</div></li>
		<li class="citycheckli"><div class="citycheckli-inner line-b">浙江百得利奥迪店 </div></li>
	</ul>-->
</div>
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	mui.plusReady(function(){
		var keyword=webapp.GetQueryString("keyword");
		document.getElementById("searchinput").value=keyword;
	});
	mui('.jcontent').on('tap', '#blockbtn', function(e) {
		var _keyword=document.getElementById("searchinput").value;
		if(webapp.util.isNull(_keyword)){
			mui.toast("请输入关键字");
			return false;
		}
		var _listView=plus.webview.getWebviewById("list.html");
		mui.fire(_listView,"searchList",{keyword:_keyword});
	});
	
</script>
</body>
</html>
